<template>
  <div
    style="width: 100%; height: 100%; display: flex; flex-flow: column nowrap;
        justify-content: flex-start; align-items: flex-start; padding: 15px"
  >
    <slot name="default" />
    <media-show :visible="imgVisible" type="img" :url="imgUrl" @close="imgVisible = false" />
    <media-show :visible="videoVisible" type="video" :url="videoUrl" @close="videoVisible = false" />
  </div>
</template>
<script>
export default {
  name: 'FixArea'
}
</script>
